﻿@{
    ViewBag.Title = "Address";
    Layout = null;
}
<!DOCTYPE HTML>
<html ng-app="app">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>点单</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="keywords" content="">
    <meta name="description" content="">

    <link rel="stylesheet" type="text/css" href="~/Content/Style/swiper.min.css">
    <link rel="stylesheet" type="text/css" href="~/Content/Style/style.css">
    <link rel="stylesheet" type="text/css" href="~/Content/Style/index.css">
    <script src="~/Content/Script/jquery-1.8.3.min.js"></script>
    <script src="~/Content/Script/html5.js"></script>
    <script src="~/Content/Script/jquery.1.4.2-min.js"></script>
    <script src="~/Content/Script/angular.min.js"></script>
    <script src="~/Scripts/PageJs/Main.js"></script>
    <script src="~/Scripts/PageJs/Shop.js"></script>
    <style>
        .cur {
            background: #fff!important;
            color: #ee7b1e!important;
        }

        .ss {
            background: #fff;
            color: #ee7b1e;
        }

        .newcur {
            background: #ee7b1e;
            color: #fff;
        }
        #container {
            margin-bottom:70px;
        }
        #nav {
            margin-bottom:60px;
        }


        *{
	        margin:0;
	        padding:0;
        }
        .pingjia_box{
	        width:90%;
	        background-color:#fff;
	        margin:30px auto;
            box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.35);
	        position:relative;
            position:fixed;
	        left:20px;
	        top:20px;
            height:80%;
            overflow:auto;
        }
        .img{
		        width:100%;
	        }
        .star img{
	        float:left;
        }
        .clearfix{
	        clear:both;
        }
        .content{
	        border-bottom:1px solid #cacaca;
        }
        .content h1{
	        font-size:1.25em;
	        padding-top:20px;
	        padding-bottom:10px;
	        padding-left:20px;
	        color:#fc6e29;
        }
        .content h2{
	        font-size:1em;
	        color:#555353;
	        /*padding-left:20px;*/
	        /*padding-bottom:10px;*/
	        float:left;
        }
        .content h3{
	        float:left;
	        font-size:1em;
	        color:#555353;
        }
        .content h4{
	        font-size:0.8em;
	        color:#929191;
	        float:left;
	        line-height:20px;
	        margin-left:20px;
        }
        .pingjia{
	        margin-left:20px;
	        margin-top:20px;
	        border-bottom:1px solid #cacaca;
        }
        .pingjia h2{
	        float:left;
	        font-size:1em;
	        color:#555353;
        }
        .pingjia h3{
	        float:right;
	        font-size:0.8em;
	        color:#929191;
	        padding-top:2px;
	        margin-right:10px;
        }
        .star{
	        float:left;
	        margin:0 15px;
        }
        .star img{
	        margin-left:6px;
        }
        .text{
            word-wrap:break-word;
	        padding:8px 0;
        }
        #no{
	        position:absolute;
	        right:0;
	        top:0;
        }
        #photo{
	        width:50%;
	        margin-top:50px;
        }

    </style>
    <link href="~/Content/Style/gobal.css" rel="stylesheet" type="text/css">
    <link href="~/Content/Style/shanghu.css" rel="stylesheet" type="text/css">
    <script type="text/javascript">
        $(document).ready(function () {
            $("label").click(function () {
                $("label").removeClass("cur");
                $(this).addClass("cur");
            });
            $("label:eq(0)").addClass("cur");
        });
    </script>
</head>
<body ng-controller="ShopInfoController">
    <div class="pw">
        <div id="nav1">
            <ul class="tabs">
                <!--商品列表页s-->
                <li class="tabs_li">
                    <input type="radio" name="tabs" id="tab1" checked />
                    <label for="tab1" style="position: fixed; top: 0; width: 50%; z-index: 55; border-bottom: solid #ee7b1e 1px;">商品<span></span></label>
                    <div id="tab-content1" class="tab-content">
                        <div class="nav-lf">
                            <ul id="nav">
                                <li ng-repeat="type in TypeList" ng-class="{'ss':selectArr[$index],'newcur':noArr[$index]}" ng-click="onSelect($index)"><a ng-bind="type.DishesTypeName"></a></li>
                            </ul>
                        </div>
                        <div id="container" class="container">
                            <div class="section" ng-repeat="type in TypeList" id="{{type.DishesTypeID}}" ng-if="selectArr[$index]">
                                @*<div ng-bind="type.DishesTypeName" style="background-color:#E5E5E5;"></div>*@
                                <div class="prt-lt" ng-repeat="item in DishList|DishFilter:type.DishesTypeID">
                                    <!---->
                                    <div class="lt-lt" ng-click="pingjia(item.DishesID)">
                                        <img src="{{item.DishesPicSmall}}" alt="...">
                                    </div>
                                    <div class="lt-ct">
                                        <p class="goods_name" ng-bind="item.DishesNmae"></p>
                                        <p class="rest_goods">仅剩<span ng-bind="AllDishesCount(item.DishesID)"></span>份</p>
                                        <p class="first_price"><s>原价：<span ng-bind="'￥'+item.DishesMon*0.01"></span></s></p>
                                        <p class="last_price" ng-if="item.DishesIsInt==0"><span ng-bind="'￥'+item.DishesPay*0.01"></span></p>
                                        <p class="last_price" ng-if="item.DishesIsInt!=0"><span ng-bind="item.DishesPay+'积分'"></span></p>
                                    </div>
                                    <div class="lt-rt" ng-show="AllDishesCount(item.DishesID)!=0">
                                        <a class="less" href="" ng-if="DishesCount(item.DishesID)!=0" ng-click="DishesMinus(item.DishesID)"></a>
                                        <span class="num" ng-if="DishesCount(item.DishesID)!=0" ng-bind="DishesCount(item.DishesID)"></span>
                                        <a class="add" href="" ng-click="DishesAdd(item.DishesID)"></a>
                                        <div class="cls"></div>
                                    </div>
                                    <div class="lt-rt" ng-show="AllDishesCount(item.DishesID)==0">
                                        <p class="finish">售罄</p>
                                    </div>
                                    <div class="cls"></div>
                                </div>
                                <div style="height:80px; background-color:#f2f2f2;"></div>
                            </div>
                            
                        </div>
                    </div>
                </li>
                @*<li id="nd1" style="height:60px;"></li>*@
                <!--商品列表页e-->
                <!--商户信息页s-->
                <li class="tabs_li">
                    <input type="radio" name="tabs" id="tab2" />
                    <label for="tab2" style="position: fixed; top: 0; width: 50%; right: 0; z-index: 55; background: #ee7b1e; border-bottom: solid #ee7b1e 1px;">商户</label>
                    <div id="tab-content2" class="tab-content" style="position: absolute;">
                        <div id="content_shop">
                            <div class="base_info">
                                <div class="pic_shop"></div>
                                <div class="base_info_middle">
                                    <div class="name_shop" ng-bind="ShopInformation.MerName">十里八香</div>
                                    <div class="base_info_time">
                                        预计送餐时间：<span ng-bind="ShopInformation.DelTime"></span>分钟
                                    </div>
                                    <div class="sort_shop">类别：<span ng-bind="ShopInformation.DictName"></span></div>
                                </div>
                                <div class="opening"></div>
                                <div class="collection_love"></div>
                                <div class="cls"></div>
                            </div>
                            <div class="phone">
                                <div class="phone_icon"></div>
                                <p id="text_info_phone" ng-bind="ShopInformation.MerCall"></p>
                                <!--<a class="phone1"></a>-->
                                <div class="cls"></div>
                            </div>
                            <div class="address">
                                <div class="address_icon"></div>
                                <p class="text_info1" ng-bind="ShopInformation.MerAdr"></p>
                                <div class="cls"></div>
                            </div>
                            <div class="price_shop">
                                <span class="qisong">起送价：<span ng-bind="'￥'+ShopInformation.DelMaxMon*0.01"></span></span>
                                <span class="peisong">配送价：<span ng-bind="'￥'+ShopInformation.DelFormMon*0.01"></span></span>
                                <div class="cls"></div>
                            </div>
                            <div class="appre_shop" ng-repeat="item in PricList">
                                <div class="appre_icon"></div>
                                <p class="text_info_shop"><span ng-bind="item.PricTxt"></span></p>
                            </div>
                            @*<div class="appre" ng-repeat="item in PricList">
                                <div class="appre_icon"></div>
                                <p class="text_info"><span ng-bind="item.PricTxt"></span></p>
                            </div>*@
                            <div class="radio">
                                <div class="radio_icon"></div>
                                <div class="text_info_shop" ng-bind="ShopInformation.MerTxt"></div>
                            </div>

                        </div>
                    </div>
                </li>
                <!--商户信息页e-->
            </ul>
        </div>
        <!--评价S-->
	<div class="pingjia_box" ng-show="visible">
    	<img id="no" src="/Content/images/ff.png" ng-click="no()">
<!--菜品图片-->
	<a href="">
    	<img class="img" src="{{DishesPic}}" />
    </a>
<!--评论-->
    <div class="content">
        <h1 ng-bind="DishInfo.DishesNmae"></h1>
        <div style="padding:0 20px">
            <h2>菜品评分：</h2>
            <h3 ng-bind="average|number:2"></h3>
            <h4>共<span ng-bind="DishInfo.DishesEvaNun"></span> 人评价</h4>
            <div class="clearfix"></div>
        </div>
        
        <div style="padding:0 20px 10px;">
            <h2>菜品描述：</h2>
            <h4 style="margin-left: 0;color:#555353;" ng-bind="DishInfo.DishesTxt"></h4>
            <div class="clearfix"></div>
        </div>
        
        <div class="clearfix"></div>
    </div>
    <div class="pjcontent" style="overflow: auto;">
        <div class="pingjia" ng-repeat="item in EvaList">
            <h2 ng-bind="item.AccNum"></h2>
            <div class="star" ng-if="item.EvaStars==1">
                <img src="/Content/images/star_1.png" />
                <img src="/Content/images/star_2.png" />
                <img src="/Content/images/star_2.png" />
                <img src="/Content/images/star_2.png" />
                <img src="/Content/images/star_2.png" />
                <div class="clearfix"></div>
            </div>
            <div class="star" ng-if="item.EvaStars==2">
                <img src="/Content/images/star_1.png" />
                <img src="/Content/images/star_1.png" />
                <img src="/Content/images/star_2.png" />
                <img src="/Content/images/star_2.png" />
                <img src="/Content/images/star_2.png" />
                <div class="clearfix"></div>
            </div>
            <div class="star" ng-if="item.EvaStars==3">
                <img src="/Content/images/star_1.png" />
                <img src="/Content/images/star_1.png" />
                <img src="/Content/images/star_2.png" />
                <img src="/Content/images/star_2.png" />
                <img src="/Content/images/star_2.png" />
                <div class="clearfix"></div>
            </div>
            <div class="star" ng-if="item.EvaStars==4">
                <img src="/Content/images/star_1.png" />
                <img src="/Content/images/star_1.png" />
                <img src="/Content/images/star_1.png" />
                <img src="/Content/images/star_1.png" />
                <img src="/Content/images/star_2.png" />
                <div class="clearfix"></div>
            </div>
            <div class="star" ng-if="item.EvaStars==5">
                <img src="/Content/images/star_1.png" />
                <img src="/Content/images/star_1.png" />
                <img src="/Content/images/star_1.png" />
                <img src="/Content/images/star_1.png" />
                <img src="/Content/images/star_1.png" />
                <div class="clearfix"></div>
            </div>
            <h3 ng-bind="item.EvaTime"></h3>
            <div class="clearfix"></div>
            <div class="text" ng-bind="item.EvaTxt"></div>
        </div>
    </div>
    
    </div> 
        <div id="footer">
            <ul>
                <li class="footer_shop_car" ng-if="varlist.num<=0" @*ng-if="varlist.total-ShopInformation.DelFormMon<=0"*@><span class="car"></span><a href="">购物车为空</a></li>
                <li class="footer_shop_car" ng-if="varlist.num>0"@*ng-if="varlist.total-ShopInformation.DelFormMon>0"*@><span class="car"><span class="xinashi" ng-bind="varlist.num"></span></span><a href="">共<span ng-bind="varlist.total*0.01|number:2"></span>元</a></li>
                
                <li class="rest_price" ng-if="varlist.max>0"><a>差<span ng-bind="varlist.max*0.01"></span>元起送</a></li>
                <li class="eno_price" ng-if="varlist.max<=0"><a ng-click="gotoConfirOrder()">选好了</a></li>
                <div class="cls"></div>
            </ul>
        </div>

    </div>


    <script src="~/Content/Script/Adaptive.js"></script>
    <script src="~/Content/Script/jquery-1.7.1.min.js"></script>
    <script src="~/Content/Script/swiper.min.js"></script>
    <script src="~/Content/Script/jquery.nav.js"></script>
    <script type="text/javascript">
        var swiper = new Swiper('.swiper-container', {
            pagination: '.swiper-pagination',
            paginationClickable: true,
            spaceBetween: 30,
        });

        $(function () {
            $('#nav').onePageNav();
            
        });

    </script>
    <script src="../../Content/Script/waypoints.min.js"></script>
    <script src="../../Content/Script/navbar2.js"></script>

</body>
</html>
